<template>
    <div class="son">
        <p>数据：{{s_data}}</p>
        <br>
        <p>来自父组件的数据：{{f_data}}</p>
        <p>子组件主动获取数据：{{this.$parent.f_data}}</p>
        <button @click="s_fFn">获取父组件的方法</button>
        <button @click="this.$parent.f_sFn">主动获取父组件的方法</button>
    </div>
</template>

<script>
export default {
    data () {
        return {
            msg: '子组件区域',
            s_data: "子组件数据"
        }
    },
    props: ['f_data','s_fFn'],
    methods: {
        sonFn(){
            alert("来自子组件的方法");
        }
    }
    
}
</script>

<style>

</style>
